$(function()
{

    /**
     * 轮播图效果
     */
    (function(time){                //time是多少秒后执行滚动

        setInterval(function(){
            carouselNext();
        },time);

        function carouselNext(select){					//滚动到下一张图片函数
            var itemgroupId = $("#itemgroup");
            var active = itemgroupId.children(".active");
            var activeNext = select ? itemgroupId.children().eq(select) : (
                active.next().get(0) ? active.next() : itemgroupId.children().first()
            );							//先判断select是否存在，存在就通过索引值获取当前节点，不存在再判断下一个节点是否存在，是就获取下一个节点，否就获取第一个节点
            activeNext.addClass("next");				//下一个节点先添加class类
            setTimeout(function(){						//再异步添加class类
                active.addClass("left");
                activeNext.addClass("left");
            },20);
            setTimeout(function(){						//0.6秒后执行，时间对应css里面的transition动画过渡消耗的时间
                active.removeClass("active left");
                activeNext.addClass("active").removeClass("next left");
                var index = select ? select : itemgroupId.children(".active").index();				//获取当前图片的索引值
                $("#bannerSelect").children().removeClass("active").eq(index).addClass("active");	//改变小圆点的选中状态
            },620);
        }

        function carouselPrev(){						//滚动到上一张图片函数
            var itemgroupId = $("#itemgroup");
            var active = $("#itemgroup").children(".active");
            var activePrev = active.prev().get(0)? active.prev() : itemgroupId.children().last();
            activePrev.addClass("prev");
            setTimeout(function(){
                active.addClass("right");
                activePrev.addClass("right");
            },20);
            setTimeout(function(){
                active.removeClass("active right");
                activePrev.addClass("active").removeClass("prev right");
                var index = itemgroupId.children(".active").index();
                $("#bannerSelect").children().removeClass("active").eq(index).addClass("active");
            },620);
        }

    })(5000);

});